<style tyle="text/css">
  .modal-lg {
    width: 55%;
  }
  .role_style {
    margin: 3px;
    width: 23%;
    height: 30px;
    vertical-align: middle;
  }
  .text-style {
    vertical-align: -webkit-baseline-middle;
  }
</style>
<div class="modal-header">
    <h4 class="modal-title">添加角色</h4>
</div>
<div class="modal-body">
  <form name="form" class="form-horizontal">
    <label ng-repeat="obj in list" class="btn btn-xs btn-default role_style" 
    ng-model="obj.active" btn-checkbox="" >
      <i class="text-style fa fa-check text-active"></i>
      <span class="text-style">{{obj.name}}</span>    
    </label>
  </form>
</div>
<div class="modal-footer">
    <button class="btn btn-success" type="button" ng-click="ok()">确定</button>
    <button class="btn btn-danger" type="button" ng-click="cancel()">取消</button>
</div>
